﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>支付</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="white lh-50">支付</label>
  <a href="javascript:goBack()" class="pull-left lh-50" id="return"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<ul class="step-panel">                                 
  <li class="gone"><i>1</i>投保产品</li>
  <li class="gone"><i>2</i>客户信息</li>
  <li class="gone"><i>3</i>其他投保选项</li>
  <li class="gone"><i>4</i>告知及问卷</li>
  <li class="gone"><i>5</i>投保资料阅读</li>
  <li class="gone"><i>6</i>投保确认</li>
  <li class="gone"><i>7</i>签字</li>
  <li class="gone"><i>8</i>拍照</li>
  <li class="active"><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step" id="wrapper">
  <div>   
    <div class="padding-3">
      <p class="font-18 lh-45 b">根据保监规定，该保费不得使用信用卡支付。请确认您未使用信用卡支付上述保费，谢谢！</p>
      <div class="blank-2"></div>
      
      <div class="form-group">
        <label class="col-md-3 control-label">产品名称</label>
        <div class="col-md-3"><p class="form-control-static blue" id="productName"> </p></div>
        <label class="col-md-2 control-label">投保人姓名</label>
        <div class="col-md-3"><p class="form-control-static blue" id="phName"> </p></div>
        <div class="clearfix"></div>
        <label class="col-md-3 control-label">保单号</label>
        <div class="col-md-3"><p class="form-control-static blue" id="policyRef"> </p></div>
        <label class="col-md-2 control-label">保险金额</label>
        <div class="col-md-4"><p class="form-control-static blue" id="nbPremium"> </p></div>
      </div>
      
      <div class="form-group">
        <div class="col-md-3"></div>
        <div class="col-md-6">
          <a class="inline-block padding-15 text-center pull-right" href="editPay.action">
            <p class="icon icon-edit-pay"></p>
            <p class="font-18 lh-30">修改支付方式</p>
          </a>
        </div>
      </div>
    </div>
  </div> 
</div>
<input id="piAccName" type="hidden"  name="piAccName"/>
<input id="piAccountNo" type="hidden"  name="piAccountNo"/>
<input id="piBankCategoryId" type="hidden"  name="piBankCategoryId"/>
<input id="piAreaCode" type="hidden"  name="piAreaCode"/>
<input id="piContractId" type="hidden"  name="piContractId"/>
<input id="piAmount" type="hidden"  name="piAmount"/>

<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-5">
    <a class="btn btn-warning btn-lg btn-block" href="javascript:payComplete()"><span class="icon icon-ok"></span>支付</a>
  </div>
</div>
<!--底部区域 end-->


<div id="agn-menu" class="hide">

  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/ddapay.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
</body>
</html>
